const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')


module.exports = {
	devServer: {
		proxy: {
			'/api': {
				target: 'http://49.233.133.194/',
				pathRewrite: {
					'^/api': ''
				},
				changeOrigin: true, // target是域名的话，需要这个参数，
				secure: false, // 设置支持https协议的代理
			},
			'/test': {
				target: 'http://127.0.0.1:80/',
				pathRewrite: {
					'^/test': ''
				},
				changeOrigin: false, // target是域名的话，需要这个参数，
				secure: false, // 设置支持https协议的代理
			},
			/* 		'/api2': {
						.....
					} */
		}
	},
	entry: './src/index.js', //进入
	output: { //输出
		filename: 'bundle.js',
		path: path.resolve(__dirname, 'dist')
	},
	plugins: [
		new htmlWebpackPlugin({
			template: path.join(__dirname, './src/index.html'),
			filename: 'index.html' //配置页面一开始 时的显示页面
		}),
		new VueLoaderPlugin(),
	],
	module: { //配置css    /* 配置一运行 直接打开 端口号  打开页面位置  热部署 优点直接异步导入 */
		rules: [{
				test: /\.css$/,
				use: ['style-loader', 'css-loader']
			},
			{
				test: /\.less$/,
				use: ['style-loader', 'css-loader', 'less-loader']
			},
			{
				test: /\.scss$/,
				use: ['style-loader', 'css-loader', 'sass-loader']
			},
			{
				test: /\.(jpg|png|gif|bmp|jpeg)$/,
				use: 'url-loader?limit=110367' //limit 给定的值是图片的大小  如果  大于这个limit的值 110,365
			},
			{
				test: /\.(ttf|eot|svg|woff|woff2|otf)$/,
				use: 'url-loader'
			},
			{
				test: /.js$/,
				exclude: /(node_modules|bower_components)/,
				use: {
					loader: 'babel-loader',
				}
			},
			{
				test: /.vue$/,
				use: {
					loader: 'vue-loader',
				}
			}

		]
	}
};
